<div class="tab" id="invoke-tab" *ngIf="condition">
    <ul>
        <li *ngIf="condition.pathParams && condition.pathParams.length > 0" [class.active]="conditionActiveTab == 'pathParams'" (click)="setTab('pathParams')">路径参数</li>
        <li [class.active]="conditionActiveTab == 'params'" (click)="setTab('params')">Url参数</li>
        <li [class.active]="conditionActiveTab == 'headers'" (click)="setTab('headers')">请求头</li>
    </ul>
    <div *ngIf="condition.pathParams && condition.pathParams.length > 0" class="tab-content" id="path-params-content" [class.active]="conditionActiveTab == 'pathParams'">
        <app-doc-mock-condition-table [params]="condition.pathParams"></app-doc-mock-condition-table>
    </div>
    <div class="tab-content" id="request-params-content" [class.active]="conditionActiveTab == 'params'">
        <app-doc-mock-condition-table [params]="condition.urlParams"></app-doc-mock-condition-table>
    </div>
    <div class="tab-content" id="request-headers-content" [class.active]="conditionActiveTab == 'headers'">
        <app-doc-mock-condition-table [params]="condition.headerParams"></app-doc-mock-condition-table>
    </div>
</div>
<div class="tab" *ngIf="!condition">正在加载...</div>
